#home{
  .bannerBox{
    font-family: "Microsoft YaHei",Arial,SimSun,sans-serif;
    .slider{
      width: 100%;
      height: 265px;
      .banner{
        z-index: 0;
        position: relative;
        width: 100%;
        height: 265px;
        overflow: hidden;
        li{
          z-index: 0;
          position: relative;
          width: 100%;
          height: 265px;
          overflow: hidden;
          .banner_pic{
            display: block;
            height: 265px;
            width: 1140px;
            margin: 0 auto;
          }
        }
      }
    }
    .banner_layer{
      position: relative;
      .sign_in{
      }
      .adtype{
        position: absolute;
        right: 50%;
        top: -25px;
        width: 200px;
        margin-right: 40px;
        text-align: center;
        >a{
          display: inline-block;
          width: 10px;
          height: 10px;
          margin-right: 10px;
          overflow: hidden;
          cursor: pointer;
          background: #e2e2e2;
          border-radius: 100%;
          &.current{
            background: #f95c68;
          }
        }
      }
      .banner_arrow{
        a{
          display: block;
          position: absolute;
          top: -155px;
          width: 29px;
          height: 45px;
          line-height: 45px;
          overflow: hidden;
          z-index: 12;
          color: #fff;
          background-color: rgba(0, 0, 0, 0.2);
          &:hover{
            background-color: rgba(0, 0, 0, 0.4);
          }
          i{
            cursor: pointer;
            display: block;
            height: 21px;
            margin: 12px 0 0 9px;
            overflow: hidden;
            width: 13px;
          }
          &.arrow_prev{
            left:0;
            i{
              background: url(https://i.huim.com/content_new/images/arrow.png) no-repeat top left;
            }

          }
          &.arrow_next{
            right:0;
            i{
              background: url(https://i.huim.com/content_new/images/arrow.png) no-repeat top right;
            }
          }
        }
      }
    }

  }

  .home_tip{
    height: 54px;
    .home_tip_item{
      .icon{
        width: 34px;
        height: 34px;
      }
      .text{
        font-size: 15px;
        color: #46454d;
        font-weight: 700;
      }
      .home_tip_line{
        display: inline-block;
        background-image: url(https://i.huim.com/content_new/images/miaoquan_ico.png?v=0502);
        background-repeat: no-repeat;
        width: 31px;
        height: 32px;
        background-position: -43px -718px;
      }
    }
  }
  /*排行榜*/
  .ranking_area_wrap{
    margin-top: 20px;
    .ranking_area{
      position: relative;
      padding: 13px 22px 16px 22px;
      background: #fff;
      .ranking{
        position: relative;
        >h4{
          padding-bottom: 10px;
          font-size: 20px;
          color: #3c3c3c;
          font-family: "Microsoft YaHei";
          font-weight: 500;
        }
        .ranking_select_box{
          margin: 9px 0 0 32px;
          >a{
            position: relative;
            padding: 0 2px 10px;
            font-size: 14px;
            color: #46454d;
            z-index: 30;
            &.select_tj{
              margin-left:18px;
            }
            &.actived{
              font-weight: 700;
              color: @themeColor;
              border-bottom: 2px solid #f54e54;
            }
          }
        }
        .ranking_line{
          position: absolute;
          width: 100%;
          bottom: 1px;
          left: 0;
          height: 2px;
          background-color: #e7e6eb;
        }
        .search_area{
          margin-top: 3px;
          .search_box{
            position: relative;
            form{
              >.search_input{
                display: inline-block;
                width: 177px;
                input{
                  float: left;
                  display: inline-block;
                  width: 177px;
                  height: 24px;
                  padding: 3px 0;
                  line-height: 24px;
                  font-size: 12px;
                  text-indent: 8px;
                  color: #b4b4b8;
                  border: 1px solid #d6d6d6;
                  border-top-left-radius: 3px;
                  border-bottom-left-radius: 3px;
                  outline-style: none;
                  font: 12px/1.5 Arial,"Microsoft YaHei","微软雅黑";
                }
              }
              .search_submit{
                width: 24px;
                height: 24px;
                border: 0;
                cursor: pointer;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                display: inline-block;
                background:#d6d6d6 url(https://i.huim.com/content_new/images/miaoquan_ico.png?v=0502) no-repeat -78px -644px;
                &:hover{
                  background-color:#b9b9b9 ;
                }
              }
            }
          }
        }
      }
      >a{
        cursor: pointer;
        position: absolute;
        top: 155px;
        z-index: 100;
        width: 22px;
        height: 45px;
        line-height: 45px;
        background-color: rgba(0, 0, 0, 0.2);
        &:hover{
          background-color: rgba(0, 0, 0, 0.3);
        }
        i{
          margin: 12px 0 0 5px;
          display: inline-block;
          width: 13px;
          height: 21px;
        }
        &.arrow_prev{
          left: 0;
          background-position: 0 0;
          i{
            background: url(https://i.huim.com/content_new/images/arrow.png) top left;
          }
        }
        &.arrow_next{
          right: 0;
          background-position: 0 0;
          i{
            background: url(https://i.huim.com/content_new/images/arrow.png) top right;
          }
        }
      }
      .r_content{
        position: relative;
        overflow: hidden;
        background: #fff;
        font-family: Arial,"Microsoft YaHei","微软雅黑";
        padding-top: 15px;
        ul{
          li{
            float: left;
            //margin-right: 19px;
            width: 200px;
            position: relative;
            .tiem_no{
              background: url(https://i.huim.com/content_new/images/miaoquan_ico.png?v=2) no-repeat 0 -597px;
              position: absolute;
              top: 0;
              left: 0;
              display: block;
              width: 18px;
              text-align: center;
              height: 24px;
              line-height: 19px;
              font-size: 12px;
              color: #fff;
            }
            a{
              img{
                width: 200px;
                height: 200px;
                overflow: hidden;
              }
              .g_title{
                margin: 5px 0 1px;
                overflow: hidden;
                color: #333;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 14px;
              }
              .g_price{
                font-size: 14px;
                color: #f24f60;
                font-weight: 700;
              }
              .box_info{
                .g_price{
                  font-size: 12px;
                  font-weight: normal;
                  .ranking_price{
                    font-size: 16px;
                  }
                  .quan_icons{
                    display: inline-block;
                    margin-left:5px;
                    width: 38px;
                    height: 15px;
                    vertical-align: -3px;
                    background: url(https://i.huim.com/content_new/images/home_ico.png?v=20170428) no-repeat -101px -477px;

                  }
                }
                .g_num{
                  margin-top: 3px;
                  color: #a6a4b2;
                }
              }
             &:hover{
               .g_title{
                 color: #3366cc;
               }
             }
            }
          }
        }
      }
    }

  }
  /*优惠券区域*/
  .container{
    font-family: "Microsoft YaHei",Arial,SimSun,sans-serif;
    color: #666;
    .youhuquan_area{
      .miaoquan_title{
        margin-top:18px ;
        margin-bottom: 8px;
        border-bottom: 2px solid #e6e6e6;
        h4{
          font-size: 20px;
          color: #3c3c3c;
          font-weight: 500;
          .mq_tip{
            margin-left: 6px;
            display: inline-block;
            vertical-align: middle;
            width: 135px;
            height: 17px;
            background: url(https://i.huim.com/content_new/images/miaoquan_ico.png?v=2) no-repeat 0 -627px;
          }
        }
        .tit_update{
          font-size: 16px;
          color: #3c3c3c;
          line-height: 38px;
          .update_num{
            padding: 0 4px;
            font-size: 16px;
            color: #f24f60;
          }
        }
      }
      .youhuquan_menubox{
        margin-bottom: 14px;
        &.youhuquan_menu_fixed {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 50px;
          z-index: 2;
          background: #fff;
          line-height: 50px;
          box-shadow: 0 1px 2px rgba(0,0,0,.2);
          .youhuquan_menu{
            .one_line{
              margin-top: 17px;
            }
            .current{
            bottom:0;
            }
          }

        }
        .youhuquan_menu{
          position: relative;
          >ul{
            >li{
              display: inline-block;
              width: 76px;
              text-align: center;
              //margin-right: 23px;
              a{
                display: inline-block;
                padding-bottom: 1px;
                font-size: 14px;
                color: #46454d;
                &:hover{
                  color:@themeColor;
                  -webkit-transition: color .2s linear,background-color .3s linear;
                  -moz-transition: color .2s linear,background-color .3s linear;
                  -o-transition: color .2s linear,background-color .3s linear;
                  -ms-transition: color .2s linear,background-color .3s linear;
                  transition: color .2s linear,background-color .3s linear;
                }
                &.currentA{
                  color:@themeColor;
                }
              }
              &.current{
                border-bottom: 2px solid @themeColor;
              }
            }
          }
          .current{
            position:absolute;
            bottom:-6px;
            //left:20%;
            //right: 60%;
            height: 2px;
            background: @themeColor;
            width:76px;
          }
          .one_line{
            display: inline-block;
            width: 1px;
            height: 16px;
            background: #ccc;
            //vertical-align: middle;
            margin-top: 3px;
          }
          >a{
            margin-left: 20px;
            .icon{
              position: relative;
              top: 2px;
              display: inline-block;
              width: 17px;
              height: 17px;
              background: url(https://i.huim.com/content_new/images/miaoquan_ico.png?v=2) no-repeat 0 -651px;
            }
            .text{
              font-size: 15px;
              color: #46454d;
              &:hover{
                color:@themeColor;
              }
            }
          }
        }
      }
      .youhuquan_list_box{
      }
    }
  }
}
